﻿<%@ Page Title="" Language="C#" MasterPageFile="~/default.Master" AutoEventWireup="true" CodeBehind="FindGuest.aspx.cs" Inherits="DelonixRegia.FindGuest" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphPageTitle" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cphTitle" runat="server">
    Find Guest
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cphSubtitle" runat="server">
    Find a guest in Delonix Regia
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="cphMain" runat="server">
    <asp:Panel ID="pnlFirstStep" runat="server">
        <div class="panel panel-default" id="firstStep" style="width: 800px; margin: 0 auto;">
        <div class="panel-heading">
            Find a Guest
            </div>

        <div class="panel-body">
            <div class="alert alert-danger" id="errorBox" style="display: none;">
            </div>

            <table class="nav-justified">
                <tr>
                    <td class="text-right" colspan="7">
                        <table class="nav-justified" style="width: 600px; margin: 0 auto;">
                            <tr>
                                <td class="text-right" style="width: 117px">Guest Name:</td>
                                <td>&nbsp;</td>
                                <td style="width: 173px">
                                    <asp:TextBox ID="tbxGuestName" runat="server" CssClass="form-control" Width="150px" MaxLength="255"></asp:TextBox>
                                </td>
                                <td class="text-center"><strong>OR</strong></td>
                                <td class="text-right" style="width: 184px">Guest Contact Number:</td>
                                <td>&nbsp;</td>
                                <td>
                                    <asp:TextBox ID="tbxGuestContactNo" runat="server" CssClass="form-control" Width="108px" MaxLength="8"></asp:TextBox>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="7" class="text-center">
                        <asp:Button ID="btnSearch" runat="server" Text="Search" CssClass="btn btn-default btn-lg" OnClientClick="return verifySearch();" OnClick="btnSearch_Click" />
                    </td>
                </tr>
                </table>
        </div>
        </div>
    </asp:Panel>

       <asp:Panel ID="pnlSecondStep" runat="server" Visible="false">
        <div class="panel panel-default" id="secondStep" style="width: 800px; margin: 0 auto;">
        <div class="panel-heading">
            Guest Infomation
            </div>

         <div class="panel-body">
            <div class="alert alert-danger" id="Div1" style="display: none;">
            </div>

             <table class="nav-justified">
                <tr>
                    <td colspan="6">
                        <table class="nav-justified" style="width: 600px; margin: 0 auto;">
                            <tr>
                    <td class="text-right" style="width: 179px; height: 22px;">Guest ID:</td>
                    <td style="width: 15px; height: 22px;"></td>
                    <td style="width: 183px; height: 22px;">
                        <asp:Label ID="lblGuestID" runat="server"></asp:Label>
                    </td>
                </tr>
                            <tr>
                    <td class="text-right" style="width: 179px; height: 22px;">First Name:</td>
                    <td style="width: 15px; height: 22px;"></td>
                    <td style="width: 183px; height: 22px;">
                        <asp:Label ID="lblGuestFirstName" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Last Name:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblGuestLastName" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Number of Adults:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblGuestAdultNo" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Number of Childrens:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblGuestChildrenNo" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Contact Number:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblGuestContactNumber" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Email Address:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblGuestEmailAddress" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Home Address:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblGuestHomeAddress" runat="server"></asp:Label>
                    </td>
                </tr>
                 <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">Room Number:</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        <asp:Label ID="lblGuestRoomNumber" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">&nbsp;</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        &nbsp;</td>
                </tr>
                            <tr>
                    <td colspan="6">
                        <fieldset>
                            <legend><small>Payment Details</small></legend>
                            <table class="nav-justified" style="width: 400px; margin: 0 auto;">
                                
                                <tr>
                                    <td class="text-right" style="width: 143px">Card Type:</td>
                                    <td style="width: 17px">&nbsp;</td>
                                    <td>
                                        <asp:Label ID="lblGuestCardType" runat="server"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-right" style="width: 143px">Cardholder Name:</td>
                                    <td style="width: 17px">&nbsp;</td>
                                    <td>
                                        <asp:Label ID="lblGuestCardholderName" runat="server"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-right" style="width: 143px; height: 22px;">Card Number:</td>
                                    <td style="width: 17px; height: 22px;"></td>
                                    <td style="height: 22px">
                                        <asp:Label ID="lblGuestCardNumber" runat="server"></asp:Label>
                                        </td>
                                </tr>
                                <tr>
                                    <td class="text-right" style="width: 143px; height: 22px;">Expiry Date:</td>
                                    <td style="width: 17px; height: 22px;"></td>
                                    <td style="height: 22px">
                                        <div class="form-inline">
                                           
                                            <asp:Label ID="lblGuestExpiryDate" runat="server"></asp:Label>
                                           
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-right" style="width: 143px">Security Code (CSC):</td>
                                    <td style="width: 17px">&nbsp;</td>
                                    <td>
                                        <asp:Label ID="lblGuestSecurityCode" runat="server"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-right" style="width: 143px">Payment ID (CSC):</td>
                                    <td style="width: 17px">&nbsp;</td>
                                    <td>
                                        <asp:Label ID="lblGuestPaymentID" runat="server"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                    <td class="text-right" style="height: 22px; width: 179px;">&nbsp;</td>
                    <td style="height: 22px; width: 15px;"></td>
                    <td style="height: 22px; width: 183px;">
                        &nbsp;</td>
                </tr>
                                <tr>
                    <td class="text-center" colspan="6" style="height: 22px">
                        <asp:Button ID="btnEditGuest" runat="server" Text="Edit Guest" CssClass="btn btn-default btn-lg" OnClick="btnEditGuest_Click" />
                        </td>
                </tr>
                <tr>
                    <td class="text-center" colspan="6" style="height: 22px">
                        <asp:Button ID="btnGoBackPanel2" runat="server" Text="< Go back" CssClass="btn btn-default btn-lg" OnClick="btnGoBackPanel2_Click"/>
                    </td>
                </tr>

            </table>
           </table>
                        </table>
             </div>
        </div>
    </asp:Panel>

        <script type="text/javascript">
            function transitionToFirstStep() {
                $('#firstStep').hide().show('slide', { direction: 'left', easing: 'easeOutQuart', duration: 600 });
            }

            function transitionToSecondStep() {
                $('#secondStep').hide().show('slide', { direction: 'right', easing: 'easeOutQuart', duration: 600 });
            }
    </script>
   
</asp:Content>
